<template lang="html">
  <div class="details">
  	  <!-- <div class="navigation"></div> -->
  	  <p class="navigation"> 
  	      <span @click="$router.go(-1)">	  	
  	  	    <img src="../../assets/icon/arrow-top.png" alt="">
  	  	  </span>
  	  </p>
      <img src="../../assets/icon/w3.jpg" alt="">
      <ul>
      	<li class="highlight">详情</li>
      	<li>目录</li>
      	<li>相关课程</li>
      </ul>
      <div class="container">
      	  <p>{{this.id}}</p>
      	  <p>{{this.haha}}</p>
      </div>
      <div>
      	<span class="consultation">咨询</span>
      	<router-link tag="span" to="/purchasepage" class="purchase">购买</router-link>
      </div>
  </div>
</template>

<script>
export default {
	name:"detailspage",

	props:["id","haha"]
}
</script>

<style lang="less" scoped>
    .details{
    	width: 100%;
    	.navigation{
    		width: 100%;
    		height: 40px;
    		background-color:rgba(68,178,253);
    		img{
    			width: 30px;
    			height: 40px;
    			float: left;
    			color:rgba(255,255,255);
    		}
    	}
    	ul{
    		width: 100%;
    		li{  
    			width: 125px;
    			height:40px;
    			line-height:40px;
    			float: left;
    			background-color:rgba(238,238,238);
    			border-bottom: 1px solid rgba(238,238,238);
          text-align: center;
    		}
    		.highlight{
    			color:rgba(68,178,253);
    		}
    	}
    	.container{
    		border:1px solid rgba(255,255,255); 
    		margin-top:15px;
        text-align: center;
    		p{
    			margin-top:20px; 
    		}
    	}
    	div{
    	 margin-top:60px; 
    	    span{
            text-align: center;
    	    }
            .consultation{
            	display: inline-block;
            	float: left;
            	margin-left: 20px;
            	width: 60px;
            	color:rgba(255,255,255);
            	background-color:rgba(68,178,253)
            }
            .purchase{
            	display: inline-block;
            	float: right;
            	margin-right: 20px;
            	width: 60px;
            	color:rgba(255,255,255);
            	background-color:rgba(68,178,253)
            }
    	}
    }

</style>
